<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jQuery/jquery-1.11.2.js"></script>
    <script src="../code/code/highcharts.js"></script>
    <script>
        $(function () {
            $.getJSON('//data.jianshukeji.com/jsonp?filename=json/new-intraday.json&callback=?', function (data) {
                // create the chart
                $('#container').highcharts('container', {
                    title: {
                        text: 'AAPL stock price by minute'
                    },
                    rangeSelector : {
                        buttons : [{
                            type : 'hour',
                            count : 1,
                            text : '1h'
                        }, {
                            type : 'day',
                            count : 1,
                            text : '1D'
                        }, {
                            type : 'all',
                            count : 1,
                            text : 'All'
                        }],
                        selected : 1,
                        inputEnabled : false
                    },
                    plotOptions: {
                        candlestick: {
                            tooltip: {
                                pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> {series.name}</b><br/>' +
                                    '开盘: {point.open}<br/>' +
                                    '最高: {point.high}<br/>' +
                                    '最低: {point.low}<br/>' +
                                    '收盘: {point.close}<br/>'
                            }
                        }
                    },
                    series : [{
                        name : 'AAPL',
                        type: 'candlestick',
                        data : data,
                        tooltip: {
                            valueDecimals: 2
                        }
                    }]
                });
            });
        });

    </script>
    <link rel="stylesheet" type="text/css" href="/css/font.css">
</head>
<body>
<div id="container" style="min-width:400px;height:400px"></div>
</body>
</html>